<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Indice de Satisfaccion</title>
        <script type="text/javascript" src="../extensions/jquery.min.js"></script>
        <script src="../extensions/Highcharts-4.0.4/js/highcharts.js"></script>
        <script src="../extensions/Highcharts-4.0.4/js/modules/exporting.js"></script>
        
        <script type="text/javascript">
            $(function () {
                $('#container').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Indice de Satisfaccion'
        },
        subtitle: {
            text: 'Sin el Sistema'
        },
        xAxis: {
            categories: [
                'Item 1',
                'Item 2',
                'Item 3',
                'Item 4',
                'Item 5',
                'Item 6'
            ]
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Nro. Encuestados'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y:.1f} </b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: 'Muy de acuerdo',
            data: [0,0,0,0,0,0]
        }, {
            name: 'De acuardo',
            data: [0,0,0,0,0,0]
        }, {
            name: 'Ni de acuerdo ni en desacuerdo',
            data: [10,2,2,2,0,3]
        }, {
            name: 'En Desacuerdo',
            data: [20,28,34,27,31,28]
        }, {
            name: 'Muy en Desacuerdo',
            data: [21,21,15,22,20,20]
        }]
    });
                
                $('#container1').highcharts({
        chart: {
            type: 'column'
        },
        title: {
            text: 'Indice de Satisfaccion'
        },
        subtitle: {
            text: 'Con el Sistema'
        },
        xAxis: {
            categories: [
                'Item 1',
                'Item 2',
                'Item 3',
                'Item 4',
                'Item 5',
                'Item 6'
            ]
        },
        yAxis: {
            min: 0,
            title: {
                text: 'Nro. Encuestados'
            }
        },
        tooltip: {
            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
                '<td style="padding:0"><b>{point.y:.1f} </b></td></tr>',
            footerFormat: '</table>',
            shared: true,
            useHTML: true
        },
        plotOptions: {
            column: {
                pointPadding: 0.2,
                borderWidth: 0
            }
        },
        series: [{
            name: 'Muy de acuerdo',
            data: [3,20,12,13,1,3]
        }, {
            name: 'De acuardo',
            data: [18,18,21,21,32,29]
        }, {
            name: 'Ni de acuerdo ni en desacuerdo',
            data: [30,13,18,17,18,19]
        }, {
            name: 'En Desacuerdo',
            data: [0,0,0,0,0,0]
        }, {
            name: 'Muy en Desacuerdo',
            data: [0,0,0,0,0,0]
        }]
    });
            });
        </script>
            <body>
    <center>
        <table style='font-family:verdana;width:90%;' border="0">
            <tr><td align='right' colspan='2'><img src='../images/logo/indecopi2.png' width='250'/></td></tr>
            <tr style='font-family:verdana;font-size:15px;'><td colspan='2' align='center'><h3>Indice de Satisfaccion</h3></td></tr>
            <tr>
                <td colspan='2'>
                    <table style="width: 100%;">
                        <tr>
                            <td align="right" style='font-family:verdana;font-size:12px;'><b>
                                <?php
                                    $dias1 = array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado");
                                    $meses = array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre");
                                    
                                    echo $dias1[date('w')]." ".date('d')." de ".$meses[date('n')-1]. " del ".date('Y') ;
                                ?>
                                    </b>
                            </td>
                        </tr>
                    </table>
                    
                </td>
            </tr>
            <tr><td colspan='2' ><hr></td></tr>
            <tr>
                <td align='center' width='90%'>
                    <table style="width: 100%;" border="0">
                        <tr>
                            <td style="width:50%;">
                                <div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
                            </td>
                            <td rowspan="2">
                                <hr style=" height: 700px; border: 1px solid;">
                            </td>
                            <td style="width:50%;">
                                <div id="container1" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>
                            </td>
                        </tr>
                        <tr>
                            <td align="center">
                                <br>
                                <table style='font-family:verdana;width:80%;border-collapse: collapse;' border="1" >
                                    <tr style='font-family:verdana;background:#ccc;font-size:12px;height:40px;'>
                                        <th colspan="7" align="center">
                                            <b>Resumen de datos sin el sistema</b>
                                        </th>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td colspan="4" >Numero de Encuestados :</td>
                                        <td colspan="3" align="center">
                                            51
                                        </td>
                                    </tr>
                                    <tr style='font-family:verdana;background:#ccc;font-size:12px;height:40px;'>
                                        <td colspan="7" align="center">
                                            <b>Datos de encuestas</b>
                                        </td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>Preguntas:</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>1</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>2</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>3</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>4</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>5</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>6</b></td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>Muy de acuerdo</b></td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>De acuerdo</b></td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>Ni de acuerdo ni<br>en desacuerdo</b></td>
                                        <td style="width: 40px;" align="center">10</td>
                                        <td style="width: 40px;" align="center">2</td>
                                        <td style="width: 40px;" align="center">2</td>
                                        <td style="width: 40px;" align="center">2</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">3</td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>En desacuerdo</b></td>
                                        <td style="width: 40px;" align="center">20</td>
                                        <td style="width: 40px;" align="center">28</td>
                                        <td style="width: 40px;" align="center">34</td>
                                        <td style="width: 40px;" align="center">27</td>
                                        <td style="width: 40px;" align="center">31</td>
                                        <td style="width: 40px;" align="center">28</td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>Muy en Desacuerdo</b></td>
                                        <td style="width: 40px;" align="center">21</td>
                                        <td style="width: 40px;" align="center">21</td>
                                        <td style="width: 40px;" align="center">15</td>
                                        <td style="width: 40px;" align="center">22</td>
                                        <td style="width: 40px;" align="center">20</td>
                                        <td style="width: 40px;" align="center">20</td>
                                    </tr>
                                </table>
                                <br>
                            </td>
                            <td align="center">
                                <br>
                                <table style='font-family:verdana;width:80%;border-collapse: collapse;' border="1" >
                                    <tr style='font-family:verdana;background:#ccc;font-size:12px;height:40px;'>
                                        <th colspan="7" align="center">
                                            <b>Resumen de datos con el sistema</b>
                                        </th>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td colspan="4" >Numero de Encuestados :</td>
                                        <td colspan="3" align="center">
                                            51
                                        </td>
                                    </tr>
                                    <tr style='font-family:verdana;background:#ccc;font-size:12px;height:40px;'>
                                        <td colspan="7" align="center">
                                            <b>Datos de encuestas</b>
                                        </td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>Preguntas:</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>1</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>2</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>3</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>4</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>5</b></td>
                                        <td style="width: 40px;" align="center"><b>Item<br>6</b></td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>Muy de acuerdo</b></td>
                                        <td style="width: 40px;" align="center">3</td>
                                        <td style="width: 40px;" align="center">20</td>
                                        <td style="width: 40px;" align="center">12</td>
                                        <td style="width: 40px;" align="center">13</td>
                                        <td style="width: 40px;" align="center">1</td>
                                        <td style="width: 40px;" align="center">3</td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>De acuerdo</b></td>
                                        <td style="width: 40px;" align="center">18</td>
                                        <td style="width: 40px;" align="center">18</td>
                                        <td style="width: 40px;" align="center">21</td>
                                        <td style="width: 40px;" align="center">21</td>
                                        <td style="width: 40px;" align="center">32</td>
                                        <td style="width: 40px;" align="center">29</td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>Ni de acuerdo ni<br>en desacuerdo</b></td>
                                        <td style="width: 40px;" align="center">30</td>
                                        <td style="width: 40px;" align="center">13</td>
                                        <td style="width: 40px;" align="center">18</td>
                                        <td style="width: 40px;" align="center">17</td>
                                        <td style="width: 40px;" align="center">18</td>
                                        <td style="width: 40px;" align="center">19</td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>En desacuerdo</b></td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                    </tr>
                                    <tr style='font-family:verdana;font-size:12px;height:40px;'>
                                        <td><b>Muy en Desacuerdo</b></td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                        <td style="width: 40px;" align="center">0</td>
                                    </tr>
                                </table>
                                <br>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>  
    </center>
    </body>
            